.tool-bar {
  padding: 5px;
  height: 40px;
  background-color: #00abff;
}
.department-bar{
  float: left;
  margin-right: 20%;
}
.button-bar{
  float: left;
}
.search-bar {
  float: right;
}
.time-ctrl{
  margin-left:46% ;
}

span{ width:auto; }
select{
  width: 80px;
  padding: 0 2%;
  margin: 0;
}
.icon{
  width:40%;
  position: absolute;
  top:2%;
  left: 2%;
}
.status-name{
  text-indent:-10px;
  margin-top: 5px;
}
.status-icon{
  height:15px;
  margin-top:7px;
  border-radius: 10%;
  line-height: 15px;
}
.status-icon-1{
  background: #a59b82;
}
.status-icon-2{
  background: #55c22e;
}
.status-icon-4{
  background: #fcc81d;
}
.status-icon-5{
  background: #ef4014;
}


.btn-contrast{
  position: absolute;
  left:85%;
  top:2%;
}
.btn-detailed{
  position: absolute;
  left:95%;
  top:2%;
}
.device_structure{
  margin-left: -15px;
  margin-right: -30px;
  /*height: 100%;*/
  min-height: 600px;
  background: url(/assets/images/device_structure.jpg) no-repeat;
  background-size:100% 100%;
  -moz-background-size:100% 100%;
  position: relative;
}
.hotspot {
  height: 6%;
  position: absolute;
  background-size:contain;
  background-repeat:no-repeat ;
  /*border: none;*/
  /*border: solid 1px red;*/
  border-radius: 10px;
}
.hotspot:hover {
  cursor: pointer;
}
.hotspot-anemometer {
  top: 40%;
  left: 3%;
  width: 162px;
  background-image: url(/assets/images/slj_2.png);
}
.hotspot-gearbox{
  top: 12%;
  left: 86%;
  width: 153px;
  background-image: url(/assets/images/fdj_0.png);
}
.hotspot-pitch{
  top: 73.5%;
  left: 83%;
  width: 164px;
  background-image: url(/assets/images/wdx_0.png);
}
.anemometer{
  position: absolute;
  top: 47%;
  left: 1%;
  font-size: 12px;
  text-align: center;
}
.gearbox{
  position: absolute;
  top: 19%;
  left: 85%;
  font-size: 12px;
  text-align: center;
}
.pitch{
  position: absolute;
  top: 80.5%;
  left: 82%;
  font-size: 12px;
  text-align: center;
}
.td-left{
  width:110px;
  border: 1px solid black;
  height: 25px;
  line-height: 25px;
}
.td-right{
  width:40px;
  border: 1px solid black;
  height: 25px;
  line-height: 25px;
}
.green{
  background:#55c22e;
}
.red{
  background: #ef4014;
}
.col-width1{
  width:5%;
}
.col-width2{
  margin:50px 30px 0;
  width:20%;
}
.btn-back{
  position: absolute;
  right:693px;
}
.btn-home{
  position: absolute;
  right:655px;
}


/*模态窗*/
.modal-header {
  background-color: #337ab7;
  color: white;
}
.modal-body{
  background: white;
  overflow-x:auto;
}


@media screen and (min-width: 1850px){
  .device_structure{
    min-height: 825px;
  }
  .hotspot-anemometer {
    left: 4%;
  }
  .anemometer{
    left: 4%;
  }
  .gearbox{
    left: 87%;
  }
  .pitch{
    left: 84%;
  }
  .btn-primary{
    width: 110px;
  }
}
